{% load static %}
<!DOCTYPE html>
<!-- 后台模板 -->
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv='X-UA-Compatible' content='IE=edge,chrome=1'>
    <meta name="viewport"
          content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
    <link rel="shortcut icon" href="{% static 'img/logo.png' %}" type="image/x-icon"/>


    {% block title %}{% endblock %}
    <!--bootstrap.css -->
    <link rel="stylesheet" href="{% static 'plugins/bootstrap-4.6.1-dist/css/bootstrap.min.css' %}">
    <link rel="stylesheet" href="{% static 'plugins/hover-css/css/hover.css' %}">
    <link rel="stylesheet" href="{% static 'plugins/font-awesome-4.7.0/css/font-awesome.min.css' %}">
    <link rel="stylesheet" href="{% static 'plugins/nav-list/rvnm.css' %}">
    <link rel="stylesheet" href="{% static 'css/personal.css' %}">
    {% block css %}{% endblock %}
</head>
<body>
<!--外层容器 -->
<div class="my-container">
    <!-- 左侧导航栏 -->
    <aside class="left-nav">
        <div style="width: 100%;">
            <div class="top-logo">
                <img src="{% static 'img/logo.png' %}" alt="" style="width: 30px;height: 30px">
                <span style="color: #c58f29;font-size: 18px;">— 囍管家 —</span>
            </div>
            <div class="nav-list">
                <ul>
                    <li><a href="/personal/#part1" class="a-normal"><i class="fa fa-home"></i>工作台<span></span></a></li>
                    <li><a href="/personal/#part2" class="a-normal"><i class="fa fa-calendar"></i>日历看板<span></span></a>
                    </li>
                    {% if result.user_type == '管理员' %}
                    <li id="list-man">
                        <a style="cursor: pointer" class="a-normal"><i class="fa fa-edit"></i>订单管理<span></span></a>
                        <ul id="sub-list">
                            <li><a href="/personal/allorder/" class="a-normal">全部订单</a></li>
                            <li><a href="/personal/perorder/" class="a-normal">个人订单</a></li>
                        </ul>
                    </li>
                    <li><a href="/personal/upload/resource" class="a-normal"><i
                            class="fa fa-upload"></i>资源上传<span></span></a>
                    </li>
                    {% else %}
                    <li><a href="/personal/perorder" class="a-normal"><i
                            class="fa fa-calendar"></i>个人订单<span></span></a></li>
                    {% endif %}
                </ul>
            </div>
        </div>
        {% comment %}{% endcomment %}
        <div class="logo-part">
            <div class="logo-bg"></div>
            <a href="/index/">返回展示台</a>
            <a href="/logout/">退出登录</a>
            <div style="display:flex;justify-content:space-around;align-items:center;width:100%;">
                <img src="{% static 'img/COTC.png' %}" style="height:50px;width:50px;border-radius: 50%" alt="">
                <p style="height:50px;line-height:50px;font-size: 1.1rem;margin:0;font-weight: bold;">码上云间</p>
            </div>
        </div>

    </aside>
    <!--右侧容器 -->
    <section class="right-sec">
        <header>
            <div style="margin-right: 20px;width:150px;">
{#                <a href="/report/"><i class="fa fa-bug"></i> 报个BUG</a>#}
{#                <a href="#" style="float: right"><i class="fa fa-question"></i> 帮助</a>#}
            </div>
            <div class="info-thumb">
                <img src="{% static result.img_url %}" class="my-img-circle " alt="">
                <div class="user-info">
                    <p class="user-info-txt">{{ result.nickname }} | {{ result.position }}</p>
                </div>
                <div class="dropdown">
                    <button class="btn btn-primary dropdown-toggle" type="button" id="dropdownMenuButton"
                            data-toggle="dropdown" aria-expanded="false">
                        <i class="fa fa-bars"></i>
                    </button>
                    <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
                        <a class="dropdown-item" href="/personal/update_info/">修改信息</a>
                        <a class="dropdown-item" href="/index/">返回展示台</a>
                        <a class="dropdown-item" href="/logout/">退出登录</a>
                    </div>
                </div>
            </div>

        </header>
        {% block content %}
        {% endblock %}
    </section>
</div>
{% block other %}
{% endblock %}
</body>
<script src="{% static 'js/jquery-3.6.0.min.js' %}" type="text/javascript"></script>
<script src="https://cdn.bootcss.com/popper.js/1.15.0/umd/popper.js"></script>
<script src="{% static 'plugins/bootstrap-4.6.1-dist/js/bootstrap.min.js' %}"></script>
<script src="{% static 'plugins/nav-list/rvnm.js' %}"></script>
<script src="{% static 'js/layoutCommon.js' %}" type="text/javascript"></script>
{% block js %}{% endblock %}
</html>